Top 10 Inspirational And Beautiful HTML Form Attributes Scripts
1. Auto Form
For a more advanced form builder, take a look at Master Form Builder
The “Form Builder – made easy” script is a Javascript helping you as a developer and/or designer to create valid HTML5 forms with ease; without having to remember all available input fields and attributes or the new HTML5 standards and options. This script generates all HTML form input automatically after your specifications. On a single page you are able to create all your form input fields, including editing, removing and sorting, and setting up the configuration for the main form tag. All valid input attributes are available, unique attributes for specific input fields, global attributes and form overrides. A small portion of these available attributes would be value, id, class, name, title, options, disable, readonly, placeholder and many more. To make the html output more useful each input field can be wrapped with HTML. This script will act as the starting point when adding new HTML forms to your websites. Make sure to preview the screenshots for a better understanding on how this website form builder works! In short, these are the steps:
Add all form fields your form require
View your form meanwhile you add new input fields and sort and edit added fields. Set up the attributes for the main form tag such as action, method and such. Click on generate and the HTML + PHP stubs will be generated for you.Unique input attributes, form override attributes, global attributes
2. Formoid
Formoid makes creating beautiful web forms a cinch and a joy. With a no-coding drag-n-drop GUI, trendy Flat, Metro, Bootstrap form themes, pure css styled, responsive, retina-ready form elements, as-you-type validation, anti-spam captcha - Formoid is a just incredible form tool!
Modern Metro, Flat, Bootstrap form themes with fancy color schemes.
Pure CSS radios, checkboxes, selects, file upload, date picker, tooltips, and even google captcha!
All form elements look brilliantly on high resolution displays and devices.
Fully optimized to work on desktops, mobiles, and tablets.
Ajax Contact Form with Attachments and no spam control (drag and drop, reCaptcha, ayah)
The w2 Ajax Contact Form is a complete solution to create ajax contact form. You can easily create your own forms HTML templates and your own themes CSS.New HTML form template with HTML5 attribute placeholder.Adding the HTML attributes enctype=”multipart/form-data” for form element in examples.Automatic reloading of AYAH after form submission.You can add your own custom file field in your form.New method to create your own HTML template for the mail body message.code source form editor (included in download package).Easy to configure (html, css, javascript, php).Email message accepts HTML content (configurable).You can use multiple instance of form in the same page.//Initialisation of the form
resetForm: true, //Spcifie if reset form after submit (true / false)
reCaptchaId: 'recaptcha', //Specifie an unqiue ID for HTML element where reCaptcha will be integrated (just specifie the ID do not create the element in the form)
showBtnSend: false, //Specifie if the btn send is visible when loading form when No Spam Control is activate (true / false)
//if you need to redefine some parameters (example: if you have several contact form in your web site)
If you don't specifie email sender the email used to send the mail will be the user mail (who submit the form)
//Specifies the HTML form validation required fields for the form validation. //Specifies the subject of the email if you don't use subject field in your form
//Specifies the fields need HTML encodage (example: textarea)
//Specifies if HTML tags is accepted in the email message (for the textarea form element)
//Specifies if the HTML search form is encoded in utf_8
//Specifies the minimum and the maximum time between submission of the form (in seconds)
//Specifies if you want to use recaptcha for validation form in HTML
//Specifies if you want to use AYAH for form HTML code
Sleek-kit Clean and simple form login CSS
Sleek-kit Clean and jQuery slider simple HTML & CSS.Its Bootstrap Grid form pack. Sleek kit is simple, clean and fresh modern form pack hat useful to agency, company , portfolio, etc. Please note that IE doesn’t support some CSS3 attributes.Sleek-kit psd include below form. Create Account form
Newsletter form
Request Quote Form
Raleway (Google web-form) (Download from) http://www.
no need to learn any attributes or interfaces to extend it (it’s all based on extension methods);
Full API documentation in HTML and PDF format, with examples;
For the design of this slider we wanted to create a price of work which could form the centerpiece of your next web project.This validation jQuery plugin example uses unobstrusive javascript to transform a block of simple HTML form markup into a georgous elegant slider, which can be completely customized using HTML5 data attributes.Multiple instances allowed in a single HTML page.
The creation of HTML-forms is a time consuming task.create all html form types with one line of code
change the css file to create a new look of the form
Public functions of the “Form and Validation”
Functions to create the form:
addTextInput( string $label, string $name [, string $value = ’’, array $attributes = array(), string $addtext = ’’] )
addPassword( string $label, string $name [, string $value = ’’, array $attributes = array(), string $addtext = ’’] )
addUpload( string $label, string $name [, string $value = ’’, array $attributes = array(), string $addtext = ’’] )
addTextarea( string $label, string $name [, string $value = ’’, array $attributes = array(), string $addtext = ’’, int $rows = 4, int $cols = 20] )
addSelectList( string $label, string $name [, array $option_list = array(), array $attributes = array()] )
addRadioButton( string $label, string $name [, array $option_list = array(), array $attributes = array()] )
addCheckboxes( string $label, string $name [, array $option_list = array(), array $attributes = array()] )
Functions to validate the form:
Complex template of HTML/CSS contact form.Clear HTML structure
Note: Please remember that IE doesn’t support some CSS3 attributes.
9. Zi-4-Forms
This is clean and pleasant designed login, register, recover password & contact forms in HTML user interface with messages for each field which will help the visitors or members of your website.• Login Form
• Recover Password Form
(Please note that IE doesn’t support some CSS3 attributes.
Travel Booking Form: Clean & Simple Travel Booking Form
Clean and Simple Travel Booking Form HTML & CSS. Please note that IE doesn’t support some CSS3 attributes. Tab styled booking form. Also available in 4 Color Html in main file.HTML File are below
Account Information Form
Payment Detail Form
Custom fields with HTML visual form builder editor (13 field types: Choice, Date, HTML, Markdown Text, Number, ON/OFF, Paragraph Text, Single Line Text, CAPTCHA, User, Section Break, File Upload, Image Upload)
Filters user HTML using HTMLPurifier for additional security
Bug Fixed: Fatal error when entering invalid URL in URL form fields
Bug Fixed: HTML target attributes were always stripped off
Improved: Nofollow HTML rel attributes are added to all outgoing links
Bug Fixed: Fatal error on form editor page if language is RTL
Bug Fixed: Value of CAPTCHA field not being cleared when form submit failed
Added: Show existing fields in form editor to allow reusing custom fields
Added: Options to disable (hide) tag/category form fields (Questions -> Manage Fields)
html to .html.Bug Fixed: Pages redirecting to https://xxx instead of http://xxx on after form submit on certain occasions
Improved: Search form sending out placeholder values as actual form values when some kind of HTML5 hack is in place
Bug Fixed: Some rendering issues with form validation HTML
Internal: Allow each form element to add javascript code
Bug Fixed: Custom fields not being displayed in form on certain occasions
html)
html template file
html template file
Bug Fixed: Timepicker form field not showing the correct local time
Bug Fixed: Several form elements not being displayed at all on certain occasions
Improved: Custom fieds visual form editor user interface improved
Added: Visibility setting for each custom field which allows setting what type of user can see the field during form submission
Bug Fixed: Page not found error when trying to edit/add fields in visual form editor
Updated: HTML fields to display markup instead of system message in visual form editor
Added: Custom fields with visual form editor (8 field types: Choice, Date, HTML, Markdown Text, Number, ON/OFF, Paragraph Text, Single Line Text, and more to come)
Bug Fixed: Tag selection form not being displayed in some cases